<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>华为商城</title>
	<link rel="stylesheet" href="./css/reset200802.css">
	<link rel="stylesheet" href="./css/index_top.css">
	<link rel="stylesheet" href="./css/index_center.css">
</head>
<body>
	<!-- 头部 -->
	<div id='top'>
		<div>
			<!-- 头部最上面链接 -->
			<div>
				<div>
					<a href="">华为官网</a>
					<span>|</span>
					<a href="">荣耀官网</a>
					<span></span>
					<a href="">华为官网</a>
					<span>|</span>
					<span>
						<a href="">软件应用</a>
					</span>
					<span>|</span>
					<a href="">花粉俱乐部</a>
					<span>|</span>
					<a href="">Select Region</a>
				</div>
				<div>
					<a href="">登录</a>
					<a href="">注册</a>
					<span>|</span>
					<a href="">我的订单</a>
					<span>|</span>
					<a href="">V码(优购码)</a>
					<span>|</span>
					<a href="">手机版</a>
					<span>|</span>
					<a href="">网站导航</a>
				</div>
			</div>
		</div>
		<!-- 头部中间部分 -->
		<div>
			<div>
				<div><img src="./img/newLogo.png" alt=""></div>
				<div >
					<input type="text" >
					<div>搜索</div>
					<div>
						<div >我的商城</div>
						<div >我的购物车</div>
					</div>
				</div>
				<div>
					<span>热门搜索</span>
					<a href="">NOTE 8</a>
					<a href="">Mate 8</a>
					<a href="">5A</a>
					<a href="">荣耀7</a>
					<a href="">5X</a>
					<a href="">P9</a>
					<a href="">畅玩5</a>
				</div>
				<div><img src="./img/qrcode_vmall_app01.png" alt=""></div>
			</div>
		</div>
	</div>
	<!-- center -->
	<div id='top-button'>
		<div>
			<div>
				<div>
					<div>全部商品</div>
				</div>
				<div>
					<div>首页</div>
					<div>华为专区</div>
					<div>荣耀专区</div>
					<div>荣耀8</div>
					<div>P9</div>
					<div>荣耀V8</div>
					<div>配件特惠</div>
					<div>精彩频道</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 内容部分 -->
	<div id="center">
		<div>
			<div>
				<div style='clear:both'></div>
				<div>
					<div class='center-tou'>
						<div>
							<div>手机</div>
							<div>
								<span><a href="">Mate系列</a></span>
								<span><a href="">Mate系列</a></span>
								<span><a href="">Mate系列</a></span>
						</div>
						</div>
						<div class='center-tou'>
							<div>
								<div>手机</div>
								<div>
									<span><a href="">Mate系列</a></span>
									<span><a href="">Mate系列</a></span>
									<span><a href="">Mate系列</a></span>
								</div>
							</div>
						</div>
						<div class='center-tou'>
							<div>
								<div>手机</div>
								<div>
									<span><a href="">Mate系列</a></span>
									<span><a href="">Mate系列</a></span>
									<span><a href="">Mate系列</a></span>
								</div>
							</div>
						</div>
						<div class='center-tou'>
							<div>
								<div>手机</div>
								<div>
									<span><a href="">Mate系列</a></span>
									<span><a href="">Mate系列</a></span>
									<span><a href="">Mate系列</a></span>
								</div>
							</div>
						</div>
						<div class='center-tou'>
							<div>
								<div>手机</div>
								<div>
									<span><a href="">Mate系列</a></span>
									<span><a href="">Mate系列</a></span>
									<span><a href="">Mate系列</a></span>
								</div>
							</div>
						</div>
						<div class='center-tou'>
							<div>
								<div>手机</div>
								<div>
									<span><a href="">Mate系列</a></span>
									<span><a href="">Mate系列</a></span>
									<span><a href="">Mate系列</a></span>
								</div>
							</div>
						</div>
						<div class='center-tou'>
							<div>
								<div>手机</div>
								<div>
									<span><a href="">Mate系列</a></span>
									<span><a href="">Mate系列</a></span>
									<span><a href="">Mate系列</a></span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- <div style='clear:both'></div> -->
		<div id='center-z'>
			<div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
			</div>
			<div style='clear:both'></div>
			<div>	
				<div>
					<div>
						<div>
								<div>HUAWEI P9 Plus</div>
								<div>一上手 就爱不释手</div>
								<div>￥3988</div>
						</div>
						<div></div>
					</div>
				</div>
				<div>
					<div>
						<div>
							<div>HUAWEI P9 Plus</div>
							<div>一上手 就爱不释手</div>
							<div>￥3988</div>
						</div>
					</div>
					<div></div>
				</div>
				<div>
					<div>
						<div>
							<div>HUAWEI P9 Plus</div>
							<div>一上手 就爱不释手</div>
							<div>￥3988</div>
						</div>
					</div>
					<div></div>
				</div>
			</div>
		</div>
		<div style='width:100%;height:20px;background:red'></div>
		<div class='center-sj'>
			<div>
				<div>
					<span>手机</span>
					<span>华为精品手机</span>
				</div>
				<div>
					<span>荣耀</span>
					<span>荣耀畅玩</span>
					<span>华为 Mate/P系列</span>
					<span>华为 G/Y系列 </span>
					<b>运营商合约</b>
				</div>
				<div style='clear:both'></div>
			</div>
			<div>
				<div>
					<div></div>
					<div></div>
					<div></div>
				</div>
				<div class='center-l'>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
				</div>
				<div class='center-l'>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
				</div>
				<div class='center-l'>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
				</div>
			</div>
		</div>		
		<div class='center-sj'>
			<div>
				<div>
					<span>手机</span>
					<span>华为精品手机</span>
				</div>
				<div>
					<span>荣耀</span>
					<span>荣耀畅玩</span>
					<span>华为 Mate/P系列</span>
					<span>华为 G/Y系列 </span>
					<b>运营商合约</b>
				</div>
				<div style='clear:both'></div>
			</div>
			<div>
				<div>
					<div></div>
					<div></div>
					<div></div>
				</div>
				<div class='center-l'>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
				</div>
				<div class='center-l'>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
				</div>
				<div class='center-l'>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>